// 渲染列表
function render() {
    getArticleAPI(res => {
        if (res.status === 0) {
            res.data.forEach(obj => {
                const theOpt = `<option value="${obj.Id}" lay-verify="cate">${obj.name}</option>`
                $('select[name=cate_id]').append(theOpt)
            })
            // 等循环结束之后,再执行form.render()手动的去刷新了一下当前的select框的数据,因为option标签是动态插入的
            layui.form.render('select', 'edit')
        }
    })
}
render()

let imgUrl = ''
// 上传图片
$('.select').on('click', function () {
    $('#file').click()
})

$('#file').on('change', function (e) {
    const files = e.target.files
    if (files.length === 0) {
        return
    }
    const blobUrl = window.URL.createObjectURL(files[0])
    // 将生成的blob 替换页面中img的src
    $('#image').prop('src', blobUrl)
    // 将当前的file文件赋值给 imgUrl
    imgUrl = files[0]
})
/*
 发布新文章
 /my/article/add
 POST 
 数据类型 FormData 
 参数:  
  title	是	string	文章标题
  cate_id	是	int	所属分类 Id
  content	是	string	文章内容
  cover_img	是	blob二进制	文章封面
  state	是	string	状态，可选值为：已发布、草稿
*/
$('form').on('submit', function (e) {
    e.preventDefault()
    const htmlStr = tinyMCE.activeEditor.getContent()
    const fd = new FormData($('form')[0])
    fd.set('content', htmlStr)
    fd.append('cover_img', imgUrl)
    addArticleAPI(fd, res => {
        layer.msg(res.message)
        if (res.status === 0) {
            setTimeout(() => {
                window.parent.$('#wzlist a').click()
                location.href = '../list/list.html'
            }, 500)
        }
    })

})
initEditor()
layui.form.verify({
    cate: function () {
        return $('select[name=cate_id]').val().length == 0 && '请选择文章类别'
    }
})